<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商城</title>
    <link rel="icon" href="./favicon.ico">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./font_7bzsqhspvqm/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
    
</head>
<body>
    <!-- 右侧固定定位 -->
     <div class="guding-sever">
        <div class="one pu">
             <a href=""><span class="iconfont icon-cart-full"></span></a>
             <p><a href="">购物车</a></p>
        </div>
        <div class="two pu">
            <a href=""><span class="iconfont icon-wode"></span></a>
            <p><a href="">我的</a></p>
        </div>
        <div class="three pu">
           <a href=""><span class="iconfont icon-kefu"></span></a>
             <p><a href="">客服</a></p>
        </div>
        <div class="four pu">
            <a href=""><span class="iconfont icon-yijianfankui"></span></a>
             <p><a href="">反馈</a></p>
        </div>
       
        
     </div>
   <!-- 顶部导航区域 -->
    <div class="nav">
        <div class="w">
            <!-- 定位 -->
            <div class="left left-address">
                <span class="iconfont icon-map"></span>
                <select>
                    <option> <a href="">北京</a></option>
                    <option> <a href="">上海</a></option>
                    <option> <a href="">南京</a></option>
                    <option> <a href="">大连</a></option>
                </select>
               
            </div>
            <div class="right right-list">
                <ul>
                    <li class="left"><a href="./login.html" target="_blank">你好，请登录</a>
                    <!-- <iframe src="./login.html" name="login" frameborder="0" width="600px" height="400px"></iframe></li> -->
                    <li class="line"></li>
                    <li class="left"><a href="">免费注册</a></li>
                    <li class="line"></li>
                    <li class="left">
                        <a href="">我的订单</a>
                        <span class="iconfont icon-arrow-down-bold "></span>
                        <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                    </li>       
                    <li class="line"></li>
                    <li class="left"><a href="">我的御码</a></li>
                    <li class="line"></li>
                    <li class="left">
                        <a href="">企业采购</a>
                        <span class="iconfont icon-arrow-down-bold "></span>
                         <div class="second-nav">
                            <a href="">采购1</a>
                            <a href="">采购2</a>
                            <a href="">采购3</a>
                            <a href="">采购4</a>
                        </div>
                    </li>
                    <li class="line"></li>
                    <li class="left">
                        <a href="">商家服务</a>
                        <span class="iconfont icon-arrow-down-bold "></span>
                         <div class="second-nav">
                            <a href="">退货</a>
                            <a href="">客服</a>
                            <a href="">运费险</a>
                            <a href="">物流</a>
                        </div>
                    </li>
                    <li class="line"></li>
                    <li class="left"><a href="">网站导航</a></li>
                    <li class="line"></li>
                    <li class="left"><a href="">手机御码</a></li>
                    <li class="line"></li>
                    <li class="left"><a href="">网站无障碍</a></li>
                </ul>
            </div>
        </div>
    </div>

   <!--顶部导航2 搜索区域  -->
   <div class="nav-2">
    <div class="w">
        <!-- 左侧logo -->
        <div class="logo left">
            <img src="./img/LOGO@1x.png" alt="">
        </div>

          <!-- 中间盒子 -->
        <div class="serach left">
            <div class="kuang"> 
                 <input type="text" placeholder="手机">
                 <input type="button">
                 <span class="iconfont icon-search"></span>
            </div>

            <!-- 购物车按钮 -->
            <div class="button2 ">
                <button> <span class="iconfont icon-cart-full"></span>我的购物车</button>
            </div>
        
            <!-- 第一行文字 -->
            <div class="wenzi1">
                <ul>
                    <li><a href="">家电年货节</a></li>
                    <li><a href="">全球买手</a></li>
                    <li><a href="">兔年欢喜</a></li>
                    <li><a href="">热水器</a></li>
                    <li><a href="">血样检查</a></li>
                    <li><a href="">车厘子</a></li>
                    <li><a href="">手机免息</a></li>
                    <li><a href="">御码精选</a></li>
                    <li><a href="">热卖潮品</a></li>
                </ul>
            </div>

            <!-- 第二行文字 -->
            <div class="wenzi2">
                <ul>
                    <li><a href="">御码超市</a></li>
                    <li><a href="">优惠券</a></li>
                    <li><a href="">买啥</a></li>
                    <li><a href="">御码家电</a></li>
                    <li><a href="">御码生鲜</a></li>
                    <li><a href="">PLUS会员</a></li>
                    <li><a href="">进口好物</a></li>
                    <li><a href="">品牌闪购</a></li>
                    <li><a href="">拍卖</a></li>
                    <li><a href="">五金商店</a></li>
                </ul>
            </div>
        </div>
      
           <!-- 右边图片 -->
        <div class="tupian right">
            <img src="./img/image1@1x.png" alt="">
        </div>
    </div>
   </div>
   
   <!-- 主体部分1 -->
   <div class="body1 w">

        <!-- 左侧列表 -->
        <div class="left leftbox">
            <ul>
                <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a>
                <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">电脑</a>/<a href="">办公</a>
                <div class="second-nav">
                            <a href="">一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">家具</a>/<a href="">家居</a>/<a href="">家装</a>/<a href="">厨具</a>
                <div class="second-nav">
                            <a href="">123</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">男装</a>/<a href="">女装</a>/<a href="">童装</a>/<a href="">内衣</a>
                <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">美妆</a>/<a href="">个护清洁</a>/<a href="">宠物</a>
                <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">女鞋</a>/<a href="">箱包</a>/<a href="">钟表</a>/<a href="">珠宝</a>
                <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">男鞋</a>/<a href="">运动</a>/<a href="">户外</a>
                <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">房产</a>/<a href="">汽车</a>/<a href="">汽车用品</a>
                <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">母婴</a>/<a href="">玩具乐器</a>
                <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">食品</a>/<a href="">酒类</a>/<a href="">生鲜</a>/<a href="">特产</a>
                <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">艺术</a>/<a href="">礼品鲜花</a>/<a href="">农资绿植</a>
                <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">医药保健</a>/<a href="">计生情趣</a>
                <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">图书</a>/<a href="">文娱</a>/<a href="">教育</a>/<a href="">电子书</a>
                <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">机票</a>/<a href="">酒店</a>/<a href="">旅游</a>/<a href="">生活</a>
                <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">众筹</a>/<a href="">白条</a>/<a href="">保险</a>/<a href="">企业金融</a>
                <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
                <li><a href="">安装</a>/<a href="">维修</a>/<a href="">清洗</a>/<a href="">二手</a>
                <div class="second-nav">
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                            <a href="">订单一</a>
                        </div>
                </li>
            </ul>
        </div>

        <!-- 中间图片 -->
        <div class="left centerbox">
            <a href=""><img src="./img/banner_主图@1x.png" alt=""></a>
        </div>

        <!-- 右侧图片 -->
        <div class="left rightbox1">
            <div class="i1"><a href=""><img src="./img/侧边banner1@1x.png" alt=""></a></div>
            <div class="i2" ><a href=""><img src="./img/侧边banner2@1x.png" alt=""></a></div>
            <div class="i3" ><a href=""><img src="./img/侧边banner3@1x.png" alt=""></a></div>
        </div>

        <!-- 右侧盒子 -->
        <div class="right rightbox2">

            <!-- 最上边用户信息 -->
            <div class="user-msg">

                <!-- 登录、注册按钮 -->
                <div class="top-user">
                    <img src="./img/Ellipse1@1x.png" alt="">
                    <div class="right-msg">
                        <h4>Hi~ 欢迎光临！</h4>
                        <a href="">登录</a>
                        <div class="line"></div>
                        <a href="">注册</a>
                    </div>
                </div>

                <!-- 两个按钮-新人服务 -->
                <div class="bot-showmsg">
                    <span><a href="">新人服务</a></span>
                    <span><a href="">御码会员</a></span>
                </div>

              



            </div>

              <!-- 中间御码快报 -->
                <div class="center-new">
                    <div class="title clearfix">
                        <strong class="left">御码快报</strong>
                        <a href="" class="right">更多</a>
                    </div>
                    <div class="content clearfix">
                        <div class="item clearfix">
                            <span>热评</span>
                            <p>毛衣直筒裤才是YYDS。</p>
                        </div>
                        <div class="item clearfix">
                            <span>最新</span>
                            <p>超大容量的满足感来啥子于</p>
                        </div>
                        <div class="item clearfix">
                            <span>HOT</span>
                            <p>每日一件衣柜满到塞不下</p>
                        </div>
                        <div class="item clearfix">
                            <span>HOT</span>
                            <p>媳妇儿再买我就疯给他看。</p>
                        </div>
                    </div>
                </div>

                <!-- 底部 -->
                <div class="bottom-sever">

                    <!-- 第一排大盒子 -->
                    <div class="sever1 ">
                        <div class="huafei left">
                            <div class="box1"></div>
                            <span>话费</span>
                        </div>

                        <div class="hot-ticket left">
                             <div class="box2"></div>
                            <span>火车票</span>
                        </div>
                        <div class="fight-card left">
                             <div class="box3"></div>
                             <span>加油卡</span>
                           
                        </div>
                        <div class="white-line left">
                             <div class="box4"></div>
                             <span>白条</span>
                           
                        </div>
                    </div>

                    <!-- 第二排大盒子 -->
                    <div class="sever2">
                        <div class="film-ticket left">
                             <div class="box1"></div>
                             <span>电影票</span>
                        </div>
                        <div class="hotel left">
                             <div class="box2"></div>
                             <span>酒店</span>
                        </div>

                        <div class="money left">
                             <div class="box3"></div>
                             <span>理财</span>
                        </div>
                        <div class="plant-card left">
                             <div class="box4"></div>
                             <span>机票</span>
                        </div>
                    </div>

                    <!-- 第三排大盒子 -->
                    <div class="sever3">
                        <div class="gift-card left">
                             <div class="box1"></div>
                             <span>礼品卡</span>
                        </div>
                        <div class="money-ticket left">
                             <div class="box2"></div>
                             <span>彩票 </span>
                        </div>
                        <div class="game left">
                             <div class="box3"></div>
                             <span>游戏</span>
                        </div>
                        <div class="fund left">
                             <div class="box4"></div>
                             <span>众筹</span>
                        </div>
                    </div>
                </div>

        </div>

   </div>

<!-- 主体部分2 --秒杀-->
    <div class="body2 w">
        <!-- 秒杀 -->
        <div class="miaosha left">
            <a href=""><span>秒杀专区</span></a>
        </div>
        <!-- 第一个手机 -->
        <div class="phone left">
            <a href=""><img src="./img/Rectangle33@1x.png" alt=""></a>
            <span>荣耀60SE120Hz十亿色曲面屏66W超级快充6400万Vlog相机 全网通版 5G手机 8GB+256GB 亮黑色</span>
             <p>¥1949.00</p>
        </div>

        <!-- 第二个手机 -->
        <div class="realme left">
             <a href=""><img src="./img/Rectangle33@1x-1.png" alt=""></a>
            <span>realme真我GTNeo3天玑810080W超速闪充 独立显示芯片 赛道双条纹设计 12GB+256GB 银石 5g游戏手机</span>
             <p>¥2369.00</p>
        </div>
        <!-- 儿童座椅 -->
        <div class="maxicos left">
             <a href=""><img src="./img/Rectangle33@1x-3.png" alt=""></a>
            <span>maxicosi儿童安全座椅047岁汽车用宝宝车载座椅 ispace迈越星 柏林灰CF</span>
             <p>¥2790.00</p>
        </div>
        <div class="nova9 left">
             <a href=""><img src="./img/Rectangle33@1x-2.png" alt=""></a>
            <span>HUAWEI华为nova9se手机一亿像素超清摄影创新Vlog体验 支持66W快充 8GB+256GB 冰晶蓝【移动用户专享】</span>
             <p>¥1482.00</p>
        </div>
        <div class="ma right"></div>
    </div>

<!-- 主体部分3 -->
     <div class="body3 w">
        <!-- 第一排大盒子 -->
        <div class="line-one">
            <!-- 酒水 -->
            <div class="jiu left">
                <!-- item是给图片套个盒子 -->
                <div class="item">
                    <a href=""><img src="./img/年货产品图01@1x.png" alt=""></a>
                </div>
                <a href=""><img src="./img/年货产品_免息横幅@1x.png" alt=""></a>
                <span>至高24免息</span>
                <p >酒水好店</p>
            </div>

            <!-- 手机1 -->
            <div class="phone1 left">
                   <!-- item是给图片套个盒子 -->
                <div class="item">
                <a href=""><img src="./img/年货产品图02@1x.png" alt=""></a>
                </div>
                <a href=""><img src="./img/年货产品_免息横幅@1x.png" alt=""></a>
                <span>至高24免息</span>
                <p>酒水好店</p>
            </div>

            <!-- 手机2 -->
            <div class="phone2 left">
                  <!-- item是给图片套个盒子 -->
                <div class="item">
                <a href=""><img src="./img/年货产品图03@1x.png" alt=""></a>
                </div>
                <a href=""><img src="./img/年货产品_免息横幅@1x.png" alt=""></a>
                <span>至高24免息</span>
                <p>酒水好店</p>         
            </div>

             <!-- 油 -->
            <div class="oil left">
                   <!-- item是给图片套个盒子 -->
                <div class="item">
                <a href=""><img src="./img/年货产品图04@1x.png" alt=""></a>
                </div>
                <a href=""><img src="./img/年货产品_免息横幅@1x.png" alt=""></a>
                <span>至高24免息</span>
                <p>酒水好店</p>         
            </div>

            <!-- 牛奶 -->
            <div class="milk left">
                 <!-- item是给图片套个盒子 -->
                <div class="item">
                <a href=""><img src="./img/年货产品图05@1x.png" alt=""></a>
                </div>
                <a href=""><img src="./img/年货产品_免息横幅@1x.png" alt=""></a>
                <span>至高24免息</span>
                <p>酒水好店</p>        
            </div>

            <!-- 手表 -->
            <div class="watch left">
                 <!-- item是给图片套个盒子 -->
                <div class="item">
                <a href=""><img src="./img/年货产品图06@1x.png" alt=""></a>
                </div>
                <a href=""><img src="./img/年货产品_免息横幅@1x.png" alt=""></a>
                <span>至高24免息</span>
                <p>酒水好店</p>        
            </div>
        </div>

        <!-- 第二排大盒子 -->
        <div class="line-two">
            <!-- 牙刷 -->
            <div class="brush left">
                 <!-- item是给图片套个盒子 -->
                <div class="item">
                <a href=""><img src="./img/年货产品图07@1x.png" alt=""></a>
                </div>
                <a href=""><img src="./img/年货产品_免息横幅@1x.png" alt=""></a>
                <span>至高24免息</span>
                <p>酒水好店</p>     
            </div>

            <!-- 奶棒 -->
            <div class="milk-bang left">
                 <!-- item是给图片套个盒子 -->
                <div class="item">
                <a href=""><img src="./img/年货产品图08@1x.png" alt=""></a>
                </div>
                <a href=""><img src="./img/年货产品_免息横幅@1x.png" alt=""></a>
                <span>至高24免息</span>
                <p>酒水好店</p>     
            </div>

            <!-- 零食 -->
            <div class="snack left">
                 <!-- item是给图片套个盒子 -->
                <div class="item">
                <a href=""><img src="./img/年货产品图09@1x.png" alt=""></a>
                </div>
                <a href=""><img src="./img/年货产品_免息横幅@1x.png" alt=""></a>
                <span>至高24免息</span>
                <p>酒水好店</p>     
            </div>

            <!-- 手机3 -->
            <div class="phone3 left">
                 <!-- item是给图片套个盒子 -->
                <div class="item">
                <a href=""><img src="./img/年货产品图10@1x.png" alt=""></a>
                </div>
                <a href=""><img src="./img/年货产品_免息横幅@1x.png" alt=""></a>
                <span>至高24免息</span>
                <p>酒水好店</p>     
            </div>

            <!-- 柿饼 -->
            <div class="shibing left">
                 <!-- item是给图片套个盒子 -->
                <div class="item">
                <a href=""><img src="./img/年货产品图11@1x.png" alt=""></a>
                </div>
                <a href=""><img src="./img/年货产品_免息横幅@1x.png" alt=""></a>
                <span>至高24免息</span>
                <p>酒水好店</p>     
            </div>

            <!-- 工具 -->
            <div class="tool left">
                 <!-- item是给图片套个盒子 -->
                <div class="item">
                <a href=""><img src="./img/年货产品图12@1x.png" alt=""></a>
                </div>
                <a href=""><img src="./img/年货产品_免息横幅@1x.png" alt=""></a>
                <span>至高24免息</span>
                <p>酒水好店</p>     
            </div>
        </div>
        
     </div>

<!-- 主体部分4 每日特价   品牌闪购-->
        <div class="body4 w">
            <!-- 左侧每日特价大盒子 -->
            <div class="leftbox left">
                <div class="top">
                    <strong><a href="">每日特价</a></strong>
                    <span class="right">精选</span>
                </div>
                <!-- 放图片 -->
                <div class="left-item left">
                    <img src="./img/最近7天低价@1x.png" alt="">
                    <a href=""><img src="./img/每日特价产品图01@1x.png" alt="" class="one"></a>
                    <p>赣南   精品脐橙一箱</p>
                    <p>￥99.9</p>
                    <p>已经抢购1320件</p>
                </div>
                <div class="right-item left">
                    <div class="one left pub">
                     <a href=""><img src="./img/每日特价产品图02@1x.png" alt=""></a>
                    <p>赣南   精品脐橙一箱</p>
                    <p>￥9.9</p>
                    <p>已经抢购320件</p>
                    </div>
                    <div class="two left pub">
                     <a href=""><img src="./img/每日特价产品图03@1x.png" alt=""></a>
                    <p>赣南   精品脐橙一箱</p>
                    <p>￥9.9</p>
                    <p>已经抢购320件</p>
                    </div>
                    <div class="three left pub">
                    <a href=""><img src="./img/每日特价产品图04@1x.png" alt=""></a>
                    <p>赣南   精品脐橙一箱</p>
                    <p>￥9.9</p>
                    <p>已经抢购320件</p>
                    </div>
                    <div class="four left pub">
                    <a href=""><img src="./img/每日特价产品图05@1x.png" alt=""></a>
                    <p>赣南   精品脐橙一箱</p>
                    <p>￥9.9</p>
                    <p>已经抢购320件</p>
                    </div>
                </div>
            </div>

             <div class="rightbox right">
                <div class="top">
                    <strong><a href="">品牌闪购</a></strong>
                    <span class="right">精选</span>
                </div>
                <!-- 放图片 -->
                <div class="left-item left">
                    <img src="./img/最近7天低价@1x.png" alt="">
                    <a href=""><img src="./img/每日特价产品图01@1x.png" alt="" class="one"></a>
                    <p>赣南   精品脐橙一箱</p>
                    <p>￥99.9</p>
                    <p>已经抢购1320件</p>
                </div>
                <div class="right-item left">
                     <div class="one left pub">
                     <a href=""><img src="./img/每日特价产品图02@1x.png" alt=""></a>
                    <p>赣南   精品脐橙一箱</p>
                    <p>￥9.9</p>
                    <p>已经抢购320件</p>
                    </div>
                    <div class="two left pub">
                     <a href=""><img src="./img/每日特价产品图03@1x.png" alt=""></a>
                    <p>赣南   精品脐橙一箱</p>
                    <p>￥9.9</p>
                    <p>已经抢购320件</p>
                    </div>
                    <div class="three left pub">
                    <a href=""><img src="./img/每日特价产品图04@1x.png" alt=""></a>
                    <p>赣南   精品脐橙一箱</p>
                    <p>￥9.9</p>
                    <p>已经抢购320件</p>
                    </div>
                    <div class="four left pub">
                    <a href=""><img src="./img/每日特价产品图05@1x.png" alt=""></a>
                    <p>赣南   精品脐橙一箱</p>
                    <p>￥9.9</p>
                    <p>已经抢购320件</p>
                    </div>
                </div>
            </div>


        </div>

<!-- 主体部分5---全球购 -->
 <div class="body5 w">
    <div class="title">
        <span>全球购</span>
    </div>
    <div class="big-box">
        <div class="one-row left">
            <div class="one-row-one "></div>
            <div class="one-row-two ">
                <span class="left">御码寻宝</span>
                <p>懂你的御码汇</p>
                <a href=""><img src="./img/全球购产品图09@1x.png" alt="" class="one"></a>
                <a href=""><img src="./img/全球购产品图10@1x.png" alt="" class="two"></a>
            </div>
        </div>

        <div class="two-row left">
            <div class="two-row-one "></div>
            <div class="two-row-two">
                 <span class="left">礼品站</span>
                <p>帮你挑选一个好礼物</p>
                <a href=""><img src="./img/全球购产品图17@1x.png" alt="" class="one"></a>
                <a href=""><img src="./img/全球购产品图18@1x.png" alt="" class="two"></a>
            </div>
        </div>

        <div class="three-row left">
            <div class="three-row-one ">
                  <span class="left">企业购</span>
                <p>一站式企业采购平台</p>
                <a href=""><img src="./img/全球购产品图03@1x.png" alt="" class="one"></a>
                <a href=""><img src="./img/全球购产品图04@1x.png" alt="" class="two"></a>
            </div>
            <div class="three-row-two ">
                  <span class="left">智能数码</span>
                <p>尽情享受生活</p>
                <a href=""><img src="./img/全球购产品图05@1x.png" alt="" class="one"></a>
                <a href=""><img src="./img/全球购产品图06@1x.png" alt="" class="two"></a>
            </div>
            <div class="three-row-three ">
                  <span class="left">拍拍二手</span>
                <p>一站式企业采购平台</p>
                <a href=""><img src="./img/全球购产品图07@1x.png" alt="" class="one"></a>
                <a href=""><img src="./img/全球购产品图08@1x.png" alt="" class="two"></a>                   
            </div>
        </div>

        <div class="four-row left">
            <div class="four-row-one ">
                  <span class="left">御码超市</span>
                <p>一站式囤生活好物</p>
                <a href=""><img src="./img/全球购产品图11@1x.png" alt="" class="one"></a>
                <a href=""><img src="./img/全球购产品图12@1x.png" alt="" class="two"></a>
            </div>
            <div class="four-row-two ">
                  <span class="left">御码酒行</span>
                <p>享全球美酒品味美好生活</p>
                <a href=""><img src="./img/全球购产品图13@1x.png" alt="" class="one"></a>
                <a href=""><img src="./img/全球购产品图14@1x.png" alt="" class="two"></a>
            </div>
            <div class="four-row-three ">
                  <span class="left">生鲜馆</span>
                <p>尝遍天下美味</p>
                <a href=""><img src="./img/全球购产品图15@1x.png" alt="" class="one"></a>
                <a href=""><img src="./img/全球购产品图16@1x.png" alt="" class="two"></a>                   
            </div>
        </div>
    </div>
 </div>

 <!-- 主体部分6--为你推荐 -->
  <div class="body6 w">
    <div class="title">
        <span>为你推荐</span>
    </div>
    <div class="box">
        <div class="top">
            <div class="top-one left">
                     <span><a href="">精选</a></span>
                    <span>猜你喜欢</span>
            </div>
            <div class="top-two left"> 
                <span><a href="">智能先锋</a></span>
                <span>品质生活</span>
            </div>
            <div class="top-three left">
                 <span><a href="">居家优品</a></span>
                <span>大电器城</span>
            </div>
            <div class="top-four left">
                 <span><a href="">超市百货</a></span>
                <span>百货生鲜</span>
            </div>
            <div class="top-five left">
                 <span><a href="">时尚达人</a></span>
                <span>美妆穿搭</span>
            </div>
            <div class="top-six left">
                 <span><a href="">进口好物</a></span>
                <span>尚品国际</span>
            </div>
           
           
        </div>
        <div class="center">
            <div class="one1 left">
                  <a href=""><img src="./img/为你推荐产品图01@1x.png" alt=""></a>
                  <span>自营</span>
                  <span>【新年送礼】雅萌美容仪套装全脸抗老</span>
                  <p>￥5799</p>
            </div>
             <div class="one2 left">
                 <a href=""><img src="./img/为你推荐产品图07@1x.png" alt=""></a>
                  <span>自营</span>
                  <span>【新年送礼】雅萌美容仪套装全脸抗老</span>
                  <p>￥5799</p>
            </div>
               <div class="one3 left">
                 <a href=""><img src="./img/为你推荐产品图08@1x.png" alt=""></a>
                  <span>自营</span>
                  <span>【新年送礼】雅萌美容仪套装全脸抗老</span>
                  <p>￥5799</p>
            </div>
             <div class="one4 left">
                 <a href=""><img src="./img/为你推荐产品图09@1x.png" alt=""></a>
                  <span>自营</span>
                  <span>【新年送礼】雅萌美容仪套装全脸抗老</span>
                  <p>￥5799</p>
            </div>
               <div class="one5 left">
                 <a href=""><img src="./img/为你推荐产品图10@1x.png" alt=""></a>
                  <span>自营</span>
                  <span>【新年送礼】雅萌美容仪套装全脸抗老</span>
                  <p>￥5799</p>
            </div>   
        </div>
        <div class="bottom">
              <div class="one1 left">
                  <a href=""><img src="./img/为你推荐产品图02@1x.png" alt=""></a>
                  <span>自营</span>
                  <span>【新年送礼】雅萌美容仪套装全脸抗老</span>
                  <p>￥5799</p>
            </div>
            <div class="one2 left">
                 <a href=""><img src="./img/为你推荐产品图03@1x.png" alt=""></a>
                  <span>自营</span>
                  <span>【新年送礼】雅萌美容仪套装全脸抗老</span>
                  <p>￥5799</p>
            </div>
              <div class="one3 left">
                 <a href=""><img src="./img/为你推荐产品图04@1x.png" alt=""></a>
                  <span>自营</span>
                  <span>【新年送礼】雅萌美容仪套装全脸抗老</span>
                  <p>￥5799</p>
            </div>
              <div class="one4 left">
                 <a href=""><img src="./img/为你推荐产品图05@1x.png" alt=""></a>
                  <span>自营</span>
                  <span>【新年送礼】雅萌美容仪套装全脸抗老</span>
                  <p>￥5799</p>
            </div>
              <div class="one5 left">
                 <a href=""><img src="./img/为你推荐产品图06@1x.png" alt=""></a>
                  <span>自营</span>
                  <span>【新年送礼】雅萌美容仪套装全脸抗老</span>
                  <p>￥5799</p>
            </div>

        </div>
    </div>
  </div>

  <!-- 主体部分7--底部 -->
<div class="body7  ">
    <div class="box w">
        <div class="top ">
            <div class="top-one left">
                <a href=""><img src="./img/footer_01@1x.png" alt=""></a>
            </div>
            <div class="top-two left">
                <a href=""><img src="./img/footer_02@1x.png" alt=""></a>
            </div>
            <div class="top-three left">
                <a href=""><img src="./img/footer_03@1x.png" alt=""></a>
            </div>
            <div class="top-four left">
               <a href=""><img src="./img/footer_04@1x.png" alt=""></a>
            </div>
        </div>
        <div class="left-liebiao left">
            <dl>
                <dt>购物指南</dt>
                <dd><a href="">购物流程</a></dd>
                <dd><a href="">会员介绍</a></dd>
                <dd><a href="">生活旅行</a></dd>
                <dd><a href="">常见问题</a></dd>
                <dd><a href="">大家电</a></dd>
                <dd><a href="">联系客服</a></dd>
            </dl>
        </div>
        <div class="liebiao2 left">
             <dl>
                <dt>配送方式</dt>
                <dd><a href="">上门自提</a></dd>
                <dd><a href="">211限时达</a></dd>
                <dd><a href="">配送服务查询</a></dd>
                <dd><a href="">配送费收取标准</a></dd>
            </dl>

        </div>
        <div class="liebiao3 left">
             <dl>
                <dt>支付方式</dt>
                <dd><a href="">货到付款</a></dd>
                <dd><a href="">在线支付</a></dd>
                <dd><a href="">分期付款</a></dd>
                <dd><a href="">公司转账</a></dd>
            </dl>
        </div>
        <div class="liebiao4 left">
             <dl>
                <dt>售后服务</dt>
                <dd><a href="">售后政策</a></dd>
                <dd><a href="">价格保护</a></dd>
                <dd><a href="">退款说明</a></dd>
                <dd><a href="">返修/退换货</a></dd>
                <dd><a href="">取消订单</a></dd>
            </dl>
        </div>
          <div class="liebiao5 left">
             <dl>
                <dt>特色服务</dt>
                <dd><a href="">夺宝岛</a></dd>
                <dd><a href="">DIY装机</a></dd>
                <dd><a href="">延保服务</a></dd>
                <dd><a href="">御码E卡</a></dd>
                <dd><a href="">御码通信</a></dd>
                <dd><a href="">京鱼座智能</a></dd>
            </dl>
        </div>
        <div class="liebioa6 left">
             <dl>
                <dt>自营覆盖区县</dt>
                <dd><a href="">
京御码汇已向全国2661个区县提供自 营配送服务，支持货到付款、POS 机刷卡和售后上门服务。 
查看详情</a></dd>
            </dl>

        </div>
        <hr>
        <div class="bottom">
            <ul>
                <li><a href="">关于我们</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">联系客服</a></li>
                <li><a href="">合作招商</a></li>
                <li><a href="">商家帮助</a></li>
                <li><a href="">营销中心</a></li>
                <li><a href="">手机御码</a></li>
                <li><a href="">友情链接</a></li>
                <li><a href="">销售联盟</a></li>
                <li><a href="">隐私政策</a></li>
            </ul>
            <span>京ICP备12345678901</span>
        </div>
    </div>

</div>
</body>
</html>